export const guageData1 = {
    data: {
        columns: ['完成率', '下单率'],
        rows: [
            { '完成率': 50, '下单率': 80 },
        ]
    },
    settings: {
        label: {
            show: true,
            position: "top"
        },
        metrics: ['完成率'],
    },
    backgroundColor: '#1b1b1b',
};

export const guageData2 = {
    data: {
        columns: ['完成率', '下单率'],
        rows: [
            { '完成率': 50, '下单率': 80 },
        ]
    },
    settings: {
        label: {
            show: true,
            position: "top"
        },
        metrics: ['完成率'],
        min: 0,
        max: 220,
        splitNumber: 11,
        radius: '50%',
        axisLine: {            // 坐标轴线
            lineStyle: {       // 属性lineStyle控制线条样式
                color: [[0.09, 'lime'], [0.82, '#1e90ff'], [1, '#ff4500']],
                width: 3,
                shadowColor: '#fff', //默认透明
                shadowBlur: 10
            }
        },
        axisLabel: {            // 坐标轴小标记
            fontWeight: 'bolder',
            color: '#fff',
            shadowColor: '#fff', //默认透明
            shadowBlur: 10
        },
        axisTick: {            // 坐标轴小标记
            length: 15,        // 属性length控制线长
            lineStyle: {       // 属性lineStyle控制线条样式
                color: 'auto',
                shadowColor: '#fff', //默认透明
                shadowBlur: 10
            }
        },
        splitLine: {           // 分隔线
            length: 25,         // 属性length控制线长
            lineStyle: {       // 属性lineStyle（详见lineStyle）控制线条样式
                width: 3,
                color: '#fff',
                shadowColor: '#fff', //默认透明
                shadowBlur: 10
            }
        },
        pointer: {           // 分隔线
            shadowColor: '#fff', //默认透明
            shadowBlur: 5
        },
        detail: {
            backgroundColor: 'rgba(30,144,255,0.8)',
            borderWidth: 1,
            borderColor: '#fff',
            shadowColor: '#fff', //默认透明
            shadowBlur: 5,
            offsetCenter: [0, '50%'],       // x, y，单位px
            textStyle: {       // 其余属性默认使用全局文本样式，详见TEXTSTYLE
                fontWeight: 'bolder',
                color: '#fff'
            }
        },
        title: {
            textStyle: {
                fontWeight: 'bolder',
                fontSize: 30,
                fontStyle: 'italic',
                color: '#fff',
                shadowColor: '#fff', //默认透明
                shadowBlur: 10
            }
        },
    },
    backgroundColor: '#1b1b1b',
};

setInterval(() => {
    guageData1.data.rows[0]['完成率'] = Math.floor(Math.random() * 100);
}, 3000);
